<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>酒店列表</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
<meta content="yes" name="apple-mobile-web-app-capable" />

<link href="${ctx }/resources/mobile/styles/bootstrap.min.css"
	rel="stylesheet" />
<link href="${ctx }/resources/mobile/styles/NewGlobal.css"
	rel="stylesheet" />
<script type="text/javascript"
	src="${ctx }/resources/mobile/Scripts/zepto.js"></script>

</head>
<body>
	<div class="header">
		<a href="${ctx }/mobile/index.html" class="home"> <span
			class="header-icon header-icon-home"></span> <span
			class="header-name">主页</span>
		</a>
		<div class="title" id="titleString">酒店列表</div>
		<a href="javascript:history.go(-1);" class="back"> <span
			class="header-icon header-icon-return"></span> <span
			class="header-name">返回</span>
		</a>
	</div>


	<div class="container hotellistbg">
		<ul class="unstyled hotellist">
			<c:if test="${empty data }">
			没有符合要求的酒店
		</c:if>
			<c:if test="${!empty data }">
				<c:forEach items="${data }" var="d">
					<li><a href="${ctx }/hotel.html/${d.id}"> <img
							class="hotelimg fl"
							src="http://lookseaeveryday.com/hotel_img/${d.img }.jpg" />
							<div class="inline">
								<h3>${d.hotel_name }</h3>
								<p>${d.address}</p>
								<p>${d.tel}<!-- 评分：4.6 （1200人已评） -->
									 （${d.count }人已评）
								</p>
							</div>
							<div class="clear"></div>
					</a>
						<ul class="unstyled">
							<li><a href="Hotel.aspx@id=${d.id }" class="order">预订</a></li>
							<li><a href="Hotelmap.aspx@id=${d.id }" class="gps">导航</a></li>
							<li><a href="Hotelinfo.aspx@id=${d.id }" class="reality">实景</a></li>
						</ul></li>
				</c:forEach>
			</c:if>
		</ul>
	</div>


	<div class="footer">
		<div class="gezifooter">

			<a href="login.aspx" class="ui-link">立即登陆</a> <font color="#878787">|</font>
			<a href="reg.aspx" class="ui-link">免费注册</a> <font color="#878787">|</font>


			<a href="http://www.gridinn.com/@display=pc" class="ui-link">电脑版</a>
		</div>
		<div class="gezifooter">
			<p style="color: #bbb;">格子微酒店连锁 &copy; 版权所有 2012-2014</p>
		</div>
	</div>

</body>
</html>
